<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>背景</title>
	<style type="text/css">
		body{
			background: red url(./diwen.jpg) 0 0 ;
			
		}
		/*.box{
			width: 200px;
			height: 200px;
			background: rgba(163,73,164,0);
			position: absolute;
			top: 0px;
		}
		.box1{
			width: 200px;
			height: 200px;
		}*/

		.box{
			width: 55px;
			height: 55px;
			background: #A349A4 url(./logo.png) 0px 0px no-repeat;
			background-position: center;
		}

		ul{

		}
		li{
			width: 35px;
			height: 35px;
			background: #7A6E6E url(./tool.png) -50px 0 no-repeat;
			margin-top: 2px;
			list-style: none;
		}
		.item2{
			background-position: -50px -50px;
		}

		.item3{
			background-position: -50px -100px;
		}


	</style>
</head>
<body>
	<div class="box">
	</div>	

	<ul>
		<li class="item1"></li>
		<li class="item2"></li>
		<li class="item3"></li>
		<li class="item4"></li>
		<li class="item5"></li>
	</ul>
</body>
</html>